<template>
    <div class="app_setting_index">
        <div class="userinfo">
            <div class="avatar">
                <img v-if="user" :src="resurl+user.avatar+'?x-oss-process=image/resize,m_fill,w_240,h_240'" alt="">
            </div>
            <div class="nickname">{{user.nickname}}</div>
            <div class="user_id">ID:{{user.id}}</div>
        </div>
        <div class='order'>
            <div class='title'>
                <img src='../../../image/user/shop.png' />
                <span>我的订单</span>
                <router-link to='/pages/order/list' hover-class="none">查看</router-link>
            </div>
            <div class='btnlist'>
                <router-link to='/pages/order/list?status=0' hover-class="none">
                    <img src='../../../image/user/status_0.png' />
                    <span>待付款</span>
                </router-link>
                <router-link to='/pages/order/list?status=1' hover-class="none">
                    <img src='../../../image/user/status_1.png' />
                    <span>待发货</span>
                </router-link>
                <router-link to='/pages/order/list?status=2' hover-class="none">
                    <img src='../../../image/user/status_2.png' />
                    <span>待收货</span>
                </router-link>
                <router-link to='/pages/order/list?status=4' hover-class="none">
                    <img src='../../../image/user/status_4.png' />
                    <span>已退款</span>
                </router-link>
            </div>
        </div>
        <div class='op-list'>
            <router-link to="/pages/go/mylist" class="btn"><i class="iconfont icon-tuangou"></i><span>我的团购</span></router-link>
            <router-link to="/pages/setting/detail"  class="btn"><i class="iconfont icon-kefu"></i><span>联系客服</span></router-link>
            <router-link to="/pages/group/index" class="btn"><i class="iconfont icon-guanliyuan"></i><span>群主专区</span></router-link>
        </div>
        <main_menu index="3" :group_code="user.group_code"></main_menu>
    </div>
</template>

<script src="./main.js"></script>

<style lang="less" src="./main.less" scoped></style>
